/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
}

.node-type-story /* Story content node */ {
}

.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
}

.node .submitted /* The "posted by" information */ {
}

.node .terms /* Node terms (taxonomy) */ {
}

.node .content /* Node's content wrapper */ {
}

.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/*Product details page styles*/
.product-details {
  width:100%;
}

.product-details .image-container {
  float:left;
  width:30%;
  padding:10px;
  border: 1px solid #ccc;  
}

.product-details .short-desc {
  float:left;
  width:64%;
  padding:10px;
  margin-left:10px;
  border: 1px solid #ccc;  
}
.product-details .price {
  color:red;
  font-size: 24px;
  line-height: 28px;
  white-space: nowrap;
}


.price-section {
  float:left;
  width:65%;
}

.delivery-info {
  float:right;
  width:30%;
  height:130px;
  padding-left:10px;
  border-left:1px solid #ccc;
}

.delivery-info .available {
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 6px;
  color: #090;
  display:block;
}

.delivery-info .boldtext {
  font-size:13px;
}
.boldtext {
  font-weight: bold;
}

input.node-add-to-cart {
  background:#BE001D;
  color:#fff;
  height:30px;
  margin-top:20px; 
  -moz-border-radius: 6px;
-webkit-border-radius:6px;
border-radius: 6px; /* future proofing */
-khtml-border-radius: 6px; /* for old Konqueror browsers */

}


